<template>
  <div class="link">
    <blog v-show="type === 'blog'"></blog>
    <attention v-show="type === 'attention'"></attention>
    <collect v-show="type === 'collect'"></collect>
    <fans v-show="type === 'fans'"></fans>
    <praise v-show="type === 'praise'"></praise>
    <drafts v-show="type === 'drafts'" ></drafts>
  </div>
</template>

<script>
import blog from '../../pages/apply/my/blog'
import attention from '../../pages/apply/my/myattention'
import collect from '../../pages/apply/my/mycollect'
import fans from '../../pages/apply/my/myfans'
import praise from '../../pages/apply/my/mypraise'
import drafts from '../../pages/apply/my/drafts'
export default {
  components: {
    blog,
    attention,
    collect,
    fans,
    praise,
    drafts
  },
  props: {
    type: {
      type: String,
      default: 'blog'
    }
  }
}
</script>

<style>
.link{
  margin-top: 20px;
}
</style>